<!doctype html>
<html lang="en" style="width: 100%; height: 100%;overflow: hidden;position: relative;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Vdin-态势感知系统</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body style="width: 100%; height: 100%; background: #070252;">
    <div id="bgvideo" style="width: 100%;height: 100%;position: fixed; top: 0;left: 0;z-index:-1">
        <video src="/static/video/000.mp4" autoplay="autoplay" muted="muted" loop="loop" width="100%"></video>
    </div>
    <div id="title" style="width: 30%;height: 20%;background: url(/static/imgs/title.png) no-repeat;background-size: contain;position: fixed;top:0;left: 50%;margin-left:-15%;z-index: 999;"></div>
    <!-- 地图构建 -->
    <div id="map" style="width: 40%; height: 60%;position: absolute;top:13%;left:50%;margin-left:-20%;;z-index: 999;"></div>
    <div id="dashboard" style="width: 35%; height: 27%;position: absolute;bottom: 0;left: 50%;margin-left:-17.5%;z-index: 999;"></div>
    <div id="flux" style="width: 33%;height: 33%;position: absolute; top: 0; right: 0;"></div>
    <div id="traffic" style="width: 33%;height: 67%;position: absolute; bottom: 0; right: 0;"></div>
    <div id="net_speed" style="width: 33%;height: 33%;position: absolute; bottom: 0; left: 0;"></div>
    <div id="total_pc" style="width: 33%;height: 33%; position: absolute; bottom: 33%; left: 0;"></div>
    <div id="proportion" style="width: 33%;height: 33%; position: absolute;top: 0;left: 0;"></div>  {# 占比 #}
</body>

<script src="/static/lib/jquery.min.js"></script>
<script src="/static/lib/echarts.min.js"></script>
<script src="/static/lib/china.js"></script>
<script src="/static/js/webs.js"></script>
<script src="/static/js/bg_map.js"></script> <!-- china_map -->
<script src="/static/js/dashboard.js"></script> <!-- dashboard -->
<script src="/static/js/flux.js"></script> <!-- 双路带宽 -->
<script src="/static/js/traffic.js"></script> <!-- 防火墙交换机流量 -->
<script src="/static/js/net_speed.js"></script> <!-- 防火墙交换机网速 -->
<script src="/static/js/total_pc.js"></script>
<script src="/static/js/proportion.js"></script>

</html>